<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买-第五组</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="../lib/css/bootstrap.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/module.css">
    <link rel="stylesheet" href="../css/couponproduct.css">
    <link rel="stylesheet" href="../lib/fonts/font_awesome/css/font-awesome.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a class="btn-back" href="javascript:;">
            <span class="fa fa-angle-left"></span>
        </a>
        <div class="title">肯德基优惠券</div>
        <a href="javascript:;"></a>
    </header>

    <!-- 内容栏 -->
    <div class="tis">-点餐前出示手机中的优惠券，即可享受优惠-</div>
    <div>
        <ul>
            <!-- couponListTmp模板占坑 -->
        </ul>
    </div>

    <!-- 轮播图 -->
    <div class="modal fade mmb_mask" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

            <!-- Wrapper for slides -->
            <div class="carousel-inner img_path" role="listbox">
                <!-- <div class="item active">
                    <img src="./images/slide_01_2000x410.jpg" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                <div class="item">
                    <img src="./images/slide_02_2000x410.jpg" alt="...">
                    <div class="carousel-caption">
                        ...
                    </div>
                </div>
                ... -->
                <!-- imageTmp模板占坑 -->
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>

    <!-- 底部 -->
    <footer>
        <div class="footer_top">
            <span>登录</span>
            <span>注册</span>
            <a href="javascript:;" class="back">
                <img src="../images/toTop.jpg" alt="">
                <span>返回顶部</span>
            </a>
        </div>
        <div class="footer_content">
            <div class="footer_link">
                <a href="javascript:;">手机APP下载</a>
                <a href="javascript:;">慢慢买手机版</a>
                <a href="javascript:;">-- 掌上比价平台</a>
            </div>
            <p>m.manmanbuy.com</p>
        </div>
    </footer>
</body>

</html>
<script src="../lib/js/jquery.1.12.4.js"></script>
<script src="../lib/js/bootstrap.js"></script>
<script src='../lib/art-template/template-web.js'></script>
<script src="../js/module.js"></script>
<script src="../js/couponproduct.js"></script>
<!-- 优惠券列表模板 -->
<script type="text/template" id="couponListTmp">
    {{each result}}
    <li>
        <a href="javascript:;" data-toggle="modal" data-target="#myModal">
            <div>
                {{@$value.couponProductImg}}
            </div>
            <div>
                <p>{{$value.couponProductName}}</p>
                <p class="price">{{$value.couponProductPrice}}</p>
                <p class="time">{{$value.couponProductTime}}</p>
            </div>
            <div class="fa fa-angle-right"></div>
        </a>
    </li>
    {{/each}}
</script>
<!-- 轮播图模板 -->
<script type="text/template" id="imageTmp">
    {{each result}}
    <div class="item">
        {{@ $value.couponProductImg}}
    </div>
    {{/each}}
</script>